<div class="flow_params2_ddiv" style="width:24%;height:100%" v-if="data.show_flag &&show_flag2  " :key="refresh">

	<div class="flow_params2_title">
		<span>组件属性编辑框</span>
	</div>
	<div style="border-bottom-color: white;width:100%">
		<el-menu style="display:inner-block" class="el-menu-demo" mode="horizontal"
				 @select="handleSelect" background-color="#545c64" :default-active="data.default_active" text-color="#fff" active-text-color="#ffd04b">
			<!-- 连线 属性列表 -->
			<el-menu-item index="0" class="flow_params2_li"
						  key="0">
				<span>
					属性</span>
			</el-menu-item>
			<el-menu-item index="1" class="flow_params2_li"
						  key="1">
				<span>
					入参</span>
			</el-menu-item>
			<el-menu-item index="2" class="flow_params2_li"
						  key="2">
				<span>
					出参</span>
			</el-menu-item>
			<el-menu-item index="3" class="flow_params2_li"
						  key="3">
				<span>
					源码</span>
			</el-menu-item>
			<el-menu-item index="4" class="flow_params2_li"
						  key="4">
				<span>
					日志</span>
			</el-menu-item>

		</el-menu>
	</div>

	<div class="flow_params2_div">
		<!-- 组件 属性 显示编辑内容 -->
		<div v-if="show_context_flag[0]" key="0">
			<div class="flow_new_params_divvv">
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					进程所属</span>
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					本地</span>
			</div>
			<div class="flow_new_params_divvv">
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					组件名称</span>
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 40%;">
					{{now_temp_dct.name}}</span>
				<span style="width:10%" @click="change_temp_name">改</span>
			</div>
			<div class="flow_new_params_divvv">
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					组件id</span>
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					{{temp_id}}</span>
			</div>


			<div class="flow_new_params_divvv">
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					模板名称</span>
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					{{now_temp_dct.temp_name}}</span>
			</div>

			<div class="flow_new_params_divvv">
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					组件版本</span>
				<span class="el-tooltip new_params_base_from_span item" aria-describedby="el-tooltip-1402" tabindex="0" style="width: 50%;">
					0.0.1</span>
			</div>
		</div>
		<!-- 组件 属性 入参内容 -->
		<div v-if="show_context_flag[1] &&now_temp_dct.in_kwargs" v-for="(v, k) in now_temp_dct.in_kwargs" :key="k">
			<div class="flow_new_params_divvv">
				<span style="position: relative;width:40%">
					<div style="height:48px;overflow: hidden;">{{v.name}}</div>
					<div
						 @mousemove="show_tip($event,'move','id_in_kwargs_'+k,data.true,'灰色表示固定参数,蓝色表示组件传参,黄色表示配置设参')"
						 @mouseleave="show_tip($event,'leave','id_in_kwargs_'+k)">
						<base_select

									 :deepcopy_data="{
        'absolute':1,
        'now_color':now_color[v.in_type1],
        'select_lst':select_lst1,
        'callback':select_in_params_callback1,
        'params':k
        }" key="1"></base_select>
					</div>
				</span>
				<span style="position: relative;width:40%">
					<div style="height:48px;overflow: hidden;">{{v['v'+v.in_type1]}}</div>

					<div
						 @mousemove="show_tip($event,'move','id_in_kwargs2_'+k,data.true,params3_show_text)"
						 @mouseleave="show_tip($event,'leave','id_in_kwargs2_'+k)">

						<base_select

									 :deepcopy_data="{
        'show_flag':params3_show_flag[v.in_type1],
        'absolute':1,
        'now_color':now_color[0],
        'select_lst':select_lst2,
        'callback':select_in_params_callback2,
        'params':k
        }" key="2"></base_select>

					</div>
				</span>
				<span style="position: relative;width:20%">
					<div style="height:48px;overflow: hidden;">{{v.type}}</div>
					<div
						 @mousemove="show_tip($event,'move','id_in_kwargs3_'+k,data.true,'蓝色表示会强转类型')"
						 @mouseleave="show_tip($event,'leave','id_in_kwargs3_'+k)">

						<base_select

									 :deepcopy_data="{
        'absolute':1,
        'now_color':now_color[v.in_type3],
        'select_lst':select_lst3,
        'callback':select_in_params_callback3,
        'params':k
        }" key="3"></base_select>
					</div>
				</span>
			</div>
		</div>
		<!-- 组件 属性 出参内容 -->
		<div v-if="show_context_flag[2] &&now_temp_dct.out_kwargs" v-for="(v, k) in now_temp_dct.out_kwargs" :key="k">

			<div class="flow_new_params_divvv"

				 @mousemove="show_lst1($event,'move','out_kwargs'+k,fun(k))"
				 @mouseleave="show_lst1($event,'leave','out_kwargs'+k,fun(k))">
				<span style="position: relative;width:100%">
					<div style="height:48px;overflow: hidden;">{{v.name}}</div>
				</span>
			</div>


		</div>
		<!-- 组件 属性 源码内容 -->
		<div v-if="show_context_flag[3]">

		</div>

	</div>
</div>